@import "~@/styles/variables";
.detail-page {
  ::v-deep {
    .el-descriptions {
      .el-descriptions-item__label {
        color: rgba(0, 0, 0, 0.85);
        font-weight: 500;
        &.is-bordered-label {
          width: 14em;
          background: #F5F9FF;
        }
      }

      .el-descriptions-item__content {
        color: rgba(0, 0, 0, 0.65);
      }

      .el-descriptions-item__cell {
        padding: 12px 24px;
      }

      .el-descriptions__table.is-bordered {
        margin: 20px 0;
      }

    }
    h3 {
      font-size: 16px;
      margin: 30px 0;
      color: rgba(0, 0, 0, 0.85);
    }
    .el-tabs {
      .el-tabs__nav-scroll {
        padding: 8px 25px 0 25px;
        .el-tabs__item {
          font-size: 16px;
          color: rgba(0, 0, 0, 0.65);
          font-weight: 500;
          &.is-active {
            color: $--color-primary;
          }
        }
      }
      .el-tabs__content {
        padding: 0 24px 24px 24px;
      }
    }

    .tab-pane-descriptions {
      .el-descriptions {
        :not(.is-bordered) .el-descriptions-item__cell {
          padding-bottom: 20px;
        }
        .el-descriptions-item__label {
          min-width: 10em;
          text-align: right;
        }
      }
    }

    .el-table {
      margin: 30px 0;
    }

    
  }
}
::v-deep .dialog {
  .el-dialog {
    text-align: left;
    .el-dialog__header {
      border-bottom: 1px solid #e8e8e8;
    }
    .el-dialog__body {
      padding: 10px 20px;
    }
  }
  .json-viewer {
    width: 45vw;
    height: 20vh;
  }
}
